import {CImage} from '@/components/image'

export const ScreenHeader = defineComponent({
  setup() {
    const titleRef = ref<HTMLSpanElement>()
    return () => (
      <div class='relative w-full h-79'>
        <CImage imgName='visualLargeScreen-header-noText' class='w-full h-79'></CImage>

        <div class='w-666 overflow-hidden'>
          <span
            ref={titleRef}
            class='absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-40 text-logo font-visualScreenTitle text-center truncate'
          >
            恒蓝云在线设备平台
          </span>
        </div>
      </div>
    )
  }
})
